<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0, user-scalable=0">
<title>赵唐-订单详情</title>
<link href="${ctxStatic }/site/themes/default/css/boilerplate.css" rel="stylesheet" type="text/css">
<link href="${ctxStatic }/site/themes/default/css/css.css" rel="stylesheet" type="text/css">
<script src="${ctxStatic }/site/themes/default/js/prefix-free.js"></script>
<script src="${ctxStatic}/jquery/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="${ctxStatic}/jquery/jquery-migrate-1.1.1.min.js" type="text/javascript"></script>

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js" type="text/javascript"></script>
<script src="${ctxStatic}/site/themes/default/js/hideOptionMenu.js" type="text/javascript"></script>

<script type="text/javascript">
	
$(function(){
	$("#move").mouseover(function(){
		$("#moveshow").addClass("show");
		$("#moveUl").show();
	});
	
	$("#move").mouseout(function(){
		$("#moveshow").removeClass("show");
		setInterval("$('#moveUl').hide();",5000);
		
	});
});
</script>
</head>
<body>
<div class="gridContainer clearfix" id="myorder">
  <div id="LayoutDiv1">
     <header>    
    <ul class="menu">  
    <span style=" font-size:18px; color:#FFF" class="left biaoti icon_left"   onclick="history.back(-1)" >购物详单</span>
			<li id="moveshow" > <a href="#" id="move"  ><span class="icon_menu right"></span></a>
				<ul  id="moveUl"  style="display:none;">
						<jsp:include page="./right.jsp"></jsp:include>
				</ul>
			</li>			
		</ul>
    </header>
    <section class="clear">
      <ul>
      <li  style="background-color:#f3f3f3; 	border-top:3px #7bc001 dotted;"><span>购物清单</span></li>        
    <c:forEach items="${productsList }"  var="product" >
        <li class="clear"  onclick="javascript:window.location.href='${ctxFront }/site/shopping/viewProduct/${product.id }?uid=${uid}&wechatId=${wechatId}'" >
          <div class="tbl-cell" style="width:25%; text-align:center; "><img src="${ctxUser}/product/${product.indexPic}"></div>
          <div class="tbl-cell" style=" width:65%; padding-left:3%; vertical-align:top;">
            <p>${product.name }</p>
            <p class="fontred" style="padding-top:5px;">￥${product.price/100 }</p>
             <c:set var="key" value="${product.id }"/>
          <c:forEach var="item" items="${map}">
				<c:if test="${item.key eq product.id  }">
				 <c:set var="count" value="${item.value}"/>
          				  <p style="padding-top:5px;">数量：${item.value}</p>
				</c:if>
			</c:forEach>
          </div>
          <div class="tbl-cell" style="width:5%; text-align:center;"> <span class="icon_href"></span> </div>
        </li>
          </c:forEach>
         <li>
         <p style="padding-top:5px;" >送达时间：该配送单预计1-3日内送达</p></li>
          <li>
          <div class="tbcell" style="width:30%">
          <p>共计${tatol }件商品</p>
          <p>小计：￥${tatolPrice/100 }</p>
          </div>
          <div class="tbcell" style="width:66%; vertical-align:middle; text-align:right;">
         <span class="anniu Orange "  onclick="history.back(-1)"  >确定</span></a>
          </div>
          </li>  
      </ul>
    
    </section>
  </div>  
  <div class="jszch">技术支持：<a href="http://www.hdzhx.com/boxin/index.html" >智讯互联</a></div>
</div>
</body>
</html>
